<template>
    <div class="afterlogin-index-box">
        <div class="header">
            <HdView></HdView>
        </div>
        <div class="content-box">
            <div class="content-item">
                <div class="left-box">
                    <div class="create-box go-box">
                        <img src="../assets/images/new-built.png" alt="创建问卷" class="create-image" @click=goEdit()>
                        <span class="create-word">创建问卷</span>
                    </div>
                    <div class="myquestionnaire-box go-box">
                        <img src="../assets/images/my-questionnaire.png" alt="我的问卷" class="myquestionnaire-image">
                        <span class="myquestionnaire-word">我的问卷</span>
                    </div>
                </div>
                <div class="right-box">
                </div>
            </div>

        </div>
    </div>

</template>
<script>
    import HdView from "@/components/HdView"
    export default {
        components: {
            HdView,

        },
        methods:{
            goEdit(){
                this.$router.push({ path:'/edit'})
            }
        }

    }

</script>
<style lang="less" scoped>
    .afterlogin-index-box{
        width: 100%;
        height: 80%;
        .content-box {
        width: 100%;
        height: 100%;
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;

        /* background: #F3F4F6; */
        .content-item {
            width: 90vw;
            display: flex;
            flex-flow: row nowrap;
            justify-content: center;

            .left-box {
                width: 15vw;
                border-right: 1px solid #bbb;

                .create-box {
                    margin-top: 3vh;
                    display: flex;
                    flex-flow: column nowrap;
                    align-items: center;

                    .create-image {
                        width: 80px;
                        height: 80px;
                        display: inline-block;
                    }

                    .create-word {
                        display: inline-block;
                        margin-top: 2vh;
                    }
                }

                .myquestionnaire-box {
                    display: flex;
                    flex-flow: column nowrap;
                    align-items: center;

                    .myquestionnaire-image {
                        width: 80px;
                        height: 80px;
                        display: inline-block;

                    }

                    .myquestionnaire-word {
                        display: inline-block;
                        margin-top: 2vh;
                    }
                }
            }

            .right-box {
                width: 75vw;
                /* height: 100%; */
                background-image: url(../assets/images/new-built-bgi.png);
                background-repeat: no-repeat;
                background-size: 50vw 30vw;
                /* background-attachment: fixed; */
            }
        }
    }

    }
    


    
</style>